body {position: relative;margin: 0;padding-bottom: 0;overflow-x: auto;background: #f5f5f5;font-family:"Microsoft YaHei";color: #797979;height: 100%; min-width: 1200px;}
html {position: relative;height: 100%;background: #f5f5f5;}
h3,h4 {color: #505458;font-family: "Microsoft YaHei";margin: 10px 0;}
h3 {  line-height: 30px;  }
h4 {  line-height: 22px;  }
* {outline: none !important;}
p {line-height: 1.6;}
b {font-weight: 600;}
a:hover,a:active,a:focus {outline: 0;text-decoration: none;}
.a-underline,.a-underline:hover,.a-underline:focus{text-decoration: underline;}
.wrapper {padding-top: 15px;position: relative;}
.page {bottom: 0;left: 0;right: 0;top: 0;}
.clear{clear: both}
#container_body{opacity: 0;padding: 0;width: 95%}
#container_body.container{width: 96%;}

/* =============
   Base clasess
============= */
.p-0 {padding: 0 !important;}
.p-t-7{padding-top: 7px !important;}
.p-t-10{padding-top: 10px !important;}
.p-l-r-0 {  padding-left: 0;  padding-right: 0;  }
.p-r-20{padding-right: 20px !important;}
.m-auto {margin: 0 auto;}
.m-0 {margin: 0 !important;}
.m-10 {margin: 10px !important;}
.m-t-5 {  margin-top: 5px !important;  }

.m-t-10 {  margin-top: 10px !important;  }
.m-r-5 {  margin-right: 5px !important;  }
.m-r-10 {  margin-right: 10px !important;  }
.m-b-10 {margin-bottom: 10px !important;}
.m-l-r-0 {margin-left: 0;  margin-right: 0;  }
.m-l-r-5 {margin-left: 5px;margin-right: 5px;}

.w-20{ width: 20px !important;}
.w-40{ width: 40px !important;}
.w-50{ width: 50px !important;}
.w-60{ width: 60px !important;}
.w-70{ width: 70px !important;}
.w-80{ width: 80px !important;}
.w-85{ width: 85px !important;}
.w-90{ width: 90px !important;}
.w-100{ width: 100px !important;}
.w-110{ width: 110px !important;}
.w-120{ width: 120px !important;}
.w-140{ width: 140px !important;}
.w-150{ width: 150px !important;}
.w-200{ width: 200px !important;}
.w-210{ width: 210px !important;}
.w-230{width: 230px !important;}
.w-250{width: 250px !important;}
.w-270{width: 270px !important;}
.w-300{ width: 300px !important;}
.w-400{ width: 400px !important;}
.w-420{ width: 420px !important;}
.w-500{ width: 500px !important;}
.w-520{ width: 520px !important;}
.w-600{ width: 600px !important;}
.w-min-100{ min-width: 100px!important;}

.h-20{height: 20px !important;}
.h-30{height: 30px !important;}
.h-line-60{height: 60px;line-height: 60px}

textarea.text-area{resize: none;}

.d-inline{display: inline !important;}
.d-inline-block{display: inline-block !important;}

.cursor-default{cursor: default !important;}
.cursor-pointer{cursor: pointer!important;}

.word-break-all{word-break: break-all;}

/*scrollbar*/
::-webkit-scrollbar {width: 10px; height: 10px; }
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {border-radius: 999px;border: 1px solid transparent;}
::-webkit-scrollbar-thumb {background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-corner {background: transparent;}

/*container load */
.container-load {background: transparent none repeat scroll 0 0;bottom: 0;color: gray;left: 0;position: absolute;right: 0;top: -60px;z-index: 2000;}
.container-load-title {margin: 250px auto;max-width: 500px;padding: 20px;text-align: center;}
.container-load-title h1 {font-size: 26px;}
.container-load .loading-center-absolute{height: 50px}
.container-load .loading-lineenlarge{margin-right: 0;width: 6px;}
/*scroll-up*/
.btn-scroll-up {border-width: 0;position: fixed;right: 2px;z-index: 99;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;opacity: 0;filter: alpha(opacity=0);bottom: -24px;visibility: hidden;}
.btn-scroll-up.display {opacity: 0.7;filter: alpha(opacity=70);bottom: 2px;visibility: visible;}

.data-loading .loading-center-absolute.loading-lineenlarge-base{height: 60px;margin-top: -30px;}
.loading-lineenlarge {background-color: #2196f3 !important;height: 100%;width: 4px;display: inline-block;margin-right: 3px;-webkit-animation: loading-lineenlarge 1.2s infinite ease-in-out;animation: loading-lineenlarge 1.2s infinite ease-in-out;}
.loading-lineenlarge.lineenlarge2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.loading-lineenlarge.lineenlarge3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.loading-lineenlarge.lineenlarge4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.loading-lineenlarge.lineenlarge5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes loading-lineenlarge {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes loading-lineenlarge {
    0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}
    20% {   transform: scaleY(1.0);   -webkit-transform: scaleY(1.0);}
}

/*transition*/
.icon-rotate{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.icon-rotate.rotate-180{
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
/*notifyjs*/
.notifyjs-metro-base {position: relative;min-height: 52px;min-width: 250px;color: #444;border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-animation: dropdownOpen 0.3s ease-out;-o-animation: dropdownOpen 0.3s ease-out;animation: dropdownOpen 0.3s ease-out;}
.notifyjs-metro-base .image {display: table;position: absolute;height: auto;width: auto;left: 25px;top: 50%;font-size: 24px;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notifyjs-metro-base .text-wrapper {display: inline-block;vertical-align: top;text-align: left;margin: 10px 10px 10px 52px;clear: both;}
.notifyjs-metro-base .title {font-size: 15px;line-height: 20px;margin-bottom: 5px;font-weight: bold;}
.notifyjs-metro-base .text {font-size: 12px;font-weight: normal;max-width: 360px;vertical-align: middle;}
.notifyjs-metro-cool {color: #fafafa !important;background-color: #4A525F;border: 1px solid #4A525F;}
